.koo-progress-container {
  width: 100%;
  height: 10px;
  border: 1px solid transparent;
  background-color: var(--koo-gray-3);
  border-radius: 1rem;
  position: relative;
  display: flex;
}

.koo-progress-content {
  display: inline-block;
  background-color: var(--koo-blue-4);
  height: 10px;
  border-radius: 1rem;
  position: absolute;
  animation: ease-in-out 1s;
}

.koo-progress-text {
  position: absolute;
  top: -2px;
  left: 100%;
  font-size: var(--koo-font-sm);
}

.koo-progress-success {
  background-color: var(--koo-green-base);
}

.koo-progress-error {
  background-color: var(--koo-red-base);
}
